<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ADMIN</title>
<link rel="stylesheet" href="css/form/form.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="css/form/datePicker.css" type="text/css" />
<script type="text/javascript" src="scripts/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="scripts/form/ui.core.js" type="text/javascript"></script>
<script src="scripts/form/ui.checkbox.js" type="text/javascript"></script>
<script src="scripts/form/jquery.bind.js" type="text/javascript"></script>
<script src="scripts/form/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script src="scripts/form/jquery.filestyle.js" type="text/javascript"></script>
<script src="scripts/form/date.js" type="text/javascript"></script>
<script src="scripts/form/jquery.datePicker.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>  

<!--  styled select box script version 2 --> 

<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
	$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
});
</script>

<!--  styled file upload script --> 

<script type="text/javascript" charset="utf-8">
$(function() {
	$("input.file_1").filestyle({ 
	image: "imageForms/upload_file.gif",
	imageheight : 29,
	imagewidth : 78,
	width : 300
	});
});
</script>

<!--  date picker script -->


<script type="text/javascript" charset="utf-8">
$(function()
	{
		// initialise the "Select date" link
		$('#seDate')
			.datePicker(
				// associate the link with a date picker
				{
					startDate:'01/01/2005',
					endDate:'31/12/2020',
					showOn: 'button',
				    buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif',
				    buttonImageOnly: true,
					changeMonth: true, // must be disabled when using maxDate
					changeYear: true,
					  //onSelect:function(selectedDate){
							//alert("as");
								//your_function(selectedDate);
					//}
				});
	});
	

</script>


</script>
</head>
	<body> 
	<!-- start content-outer -->
	<div id="content-outer">
	<!-- start content -->
	<div id="contentView">


		<div id="page-heading"><h1>Thông Tin Chi Tiết Sách</h1></div>
			<!-- start id-form -->
			<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
				<tr>
					<th valign="top">Tên sách:</th>
					<td><div class="row-label">AAAAAAAAAAAAAAAAAAAAA</div></td>
				</tr>
				
				<tr>
					<th valign="top">Loại sách:</th>
					<td>	
					<div class="row-label">AAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
					</td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Giá:</th>
					<td><div class="row-label">AAAAAAAAAAAAAAAA</div></td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Mô tả tóm tắt:</th>  
					<td><div class="row-label">AAAAAAAAAAAAAAAAa</div></td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Mô tả chi tiết:</th>  
					<td><div class="row-label">AAAAAA</div></td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Ngày thêm:</th>
					<td class="noheight">
					
						<table border="0" cellpadding="0" cellspacing="0">
						<tr  valign="top">
							<td>
							<td>
								<div class="row-label">AAAAAA</div>
							</td>
						</tr>
						</table>
					
					</td>
					<td></td>
				</tr>	
				
				<tr>
					<th valign="top">Tên nhà sản xuất:</th>
					<td>	
					<div class="row-label">AAAAAA</div>
					</td>
					<td></td>
				</tr>
				
				
				<tr>
					<th valign="top">Trạng thái:</th>
					<td> <input type="radio" name="type" id="" value="" class=".inp-form-radio" /><label >Hiển thị</label>
						<input type="radio" name="type" id="" value=""  class=".inp-form-radio"/><label >Không hiển thị</label>
					</td>
					<td></td>
				</tr>
		
				<tr>
					<th>Upload file:</th>
					<td><div class="row-label">
							<img src="images/resources/cover0.jpg" alt="image07">
						</div>
					</td>
				</tr>
			
		</table>
		<!-- end id-form  -->	
	</body>
</html>